<template>
  <div>
    <div class="car-area">
      <div class="title">
        <div class="point"></div>
        <span>车辆需求</span>
      </div>
      <el-row>
        <template v-if="orderInfo && orderInfo.dealerCompanyName">
          <el-col :span="3">
            <div class="content-title">
              <span>经纪人公司</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.dealerCompanyName }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.dealerCompanyName">
          <el-col :span="3">
            <div class="content-title">
              <span>经纪人</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.dealerName }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.dealerCompanyName">
          <el-col :span="3">
            <div class="content-title">
              <span>经纪人联系方式</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.dealerPhone }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.status > 30">
          <template v-if="orderInfo && orderInfo.carModelName">
            <el-col :span="3">
              <div class="content-title">
                <span>车&nbsp;&nbsp;&nbsp;型</span>
              </div>
            </el-col>
            <el-col :span="9">
              <span>{{ orderInfo.carModelName }}</span>
            </el-col>
          </template>
          <template v-if="orderInfo && orderInfo.carPrice">
            <el-col :span="3">
              <div class="content-title">
                <span>官方指导价</span>
              </div>
            </el-col>
            <el-col :span="9">
              <span>{{ orderInfo.carPrice }}</span>
            </el-col>
          </template>
        </template>
        <template v-if="orderInfo && orderInfo.businessName">
          <el-col :span="3">
            <div class="content-title">
              <span>业务类型</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.businessName }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.carType">
          <el-col :span="3">
            <div class="content-title">
              <span>车辆类型</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.carType }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.inUseCity">
          <el-col :span="3">
            <div class="content-title">
              <span>可上牌城市</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.inUseCity }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.cardTime">
          <el-col :span="3">
            <div class="content-title">
              <span>首次上牌时间</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.cardTime }}</span>
          </el-col>
        </template>
      </el-row>
    </div>
    <div v-if="orderInfo && orderInfo.status > 30"
         class="finance-area">
      <div class="title">
        <div class="point"></div>
        <span>费用需求</span>
      </div>
      <el-row>
        <template v-if="orderInfo.salesPrice">
          <el-col :span="3">
            <div class="content-title">
              <span>销售价</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.salesPrice }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.gpsQuota">
          <el-col :span="3">
            <div class="content-title">
              <span>GPS</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.gpsQuota }} 元&nbsp;返&nbsp;{{ orderInfo.gpsReturn }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.loan">
          <el-col :span="3">
            <div class="content-title">
              <span>车辆贷款额</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.loan }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.purchaseTax">
          <el-col :span="3">
            <div class="content-title">
              <span>购置税</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.purchaseTax }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.period">
          <el-col :span="3">
            <div class="content-title">
              <span>期数</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.period }}期</span>
          </el-col>
        </template>
        <template v-if="orderInfo.interestRate">
          <el-col :span="3">
            <div class="content-title">
              <span>利率</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.interestRate }}%</span>
          </el-col>
        </template>
        <template v-if="orderInfo.returnPlatform">
          <el-col :span="3">
            <div class="content-title">
              <span>利率返平台</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.returnPlatform }}%</span>
          </el-col>
        </template>
        <template v-if="orderInfo.insurance">
          <el-col :span="3">
            <div class="content-title">
              <span>保险</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.insurance }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.platformServiceCharge == 0 || orderInfo.platformServiceCharge">
          <el-col :span="3">
            <div class="content-title">
              <span>平台服务费</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.platformServiceCharge }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.bigServiceCharge == 0 || orderInfo.bigServiceCharge">
          <el-col :span="3">
            <div class="content-title">
              <span>大客户服务费</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.bigServiceCharge }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.accountCharge == 0 || orderInfo.accountCharge">
          <el-col :span="3">
            <div class="content-title">
              <span>账户管理费</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.accountCharge }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.totalLoan">
          <el-col :span="3">
            <div class="content-title">
              <span>总贷款额</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.totalLoan }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.discharge">
          <el-col :span="3">
            <div class="content-title">
              <span>实际放款额</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.discharge }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.rebateProfit">
          <el-col :span="3">
            <div class="content-title">
              <span>经纪人/车商返点</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.rebateProfit }}%</span>
          </el-col>
        </template>
        <template v-if="orderInfo.preDeduction">
          <el-col :span="3">
            <div class="content-title">
              <span>前置扣息</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.preDeduction }}%</span>
          </el-col>
        </template>
        <template v-if="orderInfo.preDeductionReturn">
          <el-col :span="3">
            <div class="content-title">
              <span>前置扣息返平台</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.preDeductionReturn }}%</span>
          </el-col>
        </template>
        <template v-if="orderInfo.profit">
          <el-col :span="3">
            <div class="content-title">
              <span>利润</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.profit }}元</span>
          </el-col>
        </template>
        <template v-if="orderInfo.expectMonthlyPay">
          <el-col :span="3">
            <div class="content-title">
              <span>月供</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.expectMonthlyPay }}元</span>
          </el-col>
        </template>
      </el-row>
    </div>
    <div class="user-area">
      <div class="title">
        <div class="point"></div>
        <span>金融服务专员</span>
      </div>
      <el-row>
        <template v-if="orderInfo && orderInfo.productCompanyName">
          <el-col :span="3">
            <div class="content-title">
              <span>金融公司全称</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.productCompanyName }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.productName">
          <el-col :span="3">
            <div class="content-title">
              <span>方案名称</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.productName }}</span>
          </el-col>
        </template>
      </el-row>
      <el-row>
        <template v-if="orderInfo && orderInfo.productManager">
          <el-col :span="3">
            <div class="content-title">
              <span>金融专员姓名</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.productManager }}</span>
          </el-col>
        </template>
        <template v-if="orderInfo && orderInfo.productManagerPhone">
          <el-col :span="3">
            <div class="content-title">
              <span>金融专员手机号</span>
            </div>
          </el-col>
          <el-col :span="9">
            <span>{{ orderInfo.productManagerPhone }}</span>
          </el-col>
        </template>
      </el-row>
    </div>
  </div>
</template>

<script>
import '@/style/info.scss'
import '@/style/common.scss'

export default {
  data() {
    return {
    }
  },
  props: {
    orderInfo: {
      type: Object,
      default: () => { return {} }
    }
  }
}
</script>

